<?
	session_start();
	$reiniciar = $_REQUEST["reiniciar"];
	$siguiente = $_REQUEST["siguiente"];
	$bolasPendientes = $_SESSION["bolasPendientes"];
	$bolasSacadas = $_SESSION["bolasSacadas"];
	
	if(!isset($bolasPendientes) || isset($reiniciar)){
		$bolasPendientes = array();
		for($i = 0; $i < 90; $i++){
			$bolasPendientes[$i] = $i+1;
		}
		$bolasSacadas = array();
		$_SESSION["bolasPendientes"] = $bolasPendientes;
		$_SESSION["bolasSacadas"] = $bolasSacadas;
		$_SESSION["ultimo"] = NULL;
	}
	
	if(isset($siguiente)){
		$i = rand(0, count($bolasPendientes)-1);
		$n = $bolasPendientes[$i];
		$bolasSacadas[] = $n;
		unset($bolasPendientes[$i]);
		$bolasPendientes = array_values($bolasPendientes);
		
		$_SESSION["bolasPendientes"] = $bolasPendientes;
		$_SESSION["bolasSacadas"] = $bolasSacadas;
		
	}
	
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Bienvenidos al Bingo Binguero</title>
		<style type="text/css">
			
			BODY {
				text-align:center;
			}
			
			#divNumero {
				font-size:110px;
				padding:10px;
				height:120px;
			}
			
			#divSacados {
				height:15px;
				font-size:14px;
				padding:10px;
				color:#DCDCDC;
				clear:left;
				width:785px;
				margin:auto;
			}
			
			#divReset {
				float:right;
			}
			
			table {
				margin:auto;
			}
  
			td {
				color: #DCDCDC;
				padding: 15px;
				font-size: 20px;
			}

			td.sacado {
				color: black;
				font-weight:bold;
			}
	    
	    </style>
		<SCRIPT LANGUAGE="JavaScript">
			function siguiente(){
				document.reload();
			}

		</SCRIPT>
	</head>
	<body onkeydown="javascript:siguiente();">
		<div id="divSacados"><? for ($i=0 ; $i < count($bolasSacadas); $i++){echo($bolasSacadas[$i]."  ");}?></div>
		<div id="divNumero">
			<? if(isset($n)){ echo($n);}else echo("Bingo!");?>
		</div>
		<div id="divNumeros">
			<table id="tableNumeros">
			<?
			for($i = 0; $i < 9; $i++){
				?><tr><?
				for($j = 1; $j <= 10; $j++){
					$n = $i*10+$j;
					?><td <? if(in_array($n, $bolasSacadas)){
						?> class="sacado" <?
					} ?>><?=$n?></td><?
				}
				?></tr><?
			}
			?>
			</table>
		</div>
		<div id="divSiguiente"><a  href="Bingo.php?siguiente=TRUE">SIGUIENTE</a></div>
		<div id="divReset"><a href="Bingo.php?reiniciar=TRUE">RESET</a></div>
	</body>
</html>